<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>AngularJS基于模块化的MVC</title>
		<script type="text/javascript" src="../js/angular.min.js" ></script>
	</head>
	<body ng-app="myApp" ng-controller="myController">
			<button class="btn btn-default" ng-click="getCheckCode()" ng-bind="btnMsg"></button>
		
	</body>
</html>
<script type="text/javascript">
		// 模块定义 
		var myApp = angular.module("myApp", []);
		// 控制器定义
		signupApp.controller("myController", ["$scope",function($scope) {
			$scope.btnMsg = "获取验证码";
//			var active = true;
//			var second = 60; // 倒计时60秒
//			var secondInterval;
//
//			$scope.getCheckCode = function() {
//				if(active == false) {
//					return;
//				}
//				// 1 发送一个HTTP请求，通知服务器 发送短信给目标用户 
//				
//
//				// 2 显示倒计时按钮，60秒后，允许重新发送 
//				active = false;
//				secondInterval = setInterval(function() {
//					if(second < 0) {
//						// 倒计时结束，允许重新发送 
//						$scope.btnMsg = "重发验证码";
//						// 强制更新视图
//						$scope.$digest();
//						active = true;
//						second = 60;
//						// 关闭定时器
//						clearInterval(secondInterval);
//						secondInterval = undefined;
//					} else {
//						// 继续计时
//						$scope.btnMsg = second + "秒后重发";
//						// 强制更新视图
//						$scope.$digest();
//						second--;
//					}
//				}, 1000);
//			}
		}]);
	</script>
